<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<table class="table table-striped table-hover table-info">
	<thead style="background-color: red;">
		<tr>
			<th><a class="depressedSecond" onclick="chooseAll(this);">全选</a></th>
			<th style="width: 15%;">产品名称</th>
			<th style="width: 15%;">我司货号</th>
			<th style="width: 15%;">分类</th>
			<th>入库时间</th>
			<th>仓库名称</th>
			<th>入库数量</th>
			<th>余量</th>
		</tr>
	</thead>
	<tbody>

		<c:forEach items="${putDetail.result}" var="detail" varStatus="vs">
			<tr>
				<td><input type="checkbox" value="${detail.id }"></td>
				<td class="showTd"><c:choose>
						<c:when test="${fn:length(detail.put.product.name)>20 }">
							  ${fn:substring(detail.put.product.name, 0, 20)}... 
							  <!-- 隐藏DIV -->
							<div class="modal-content div-hidden">${detail.put.product.name }</div>
						</c:when>
						<c:otherwise>
							${detail.put.product.name}
						</c:otherwise>
					</c:choose></td>
				<td class="showTd"><c:choose>
						<c:when test="${fn:length(detail.put.product.code)>20 }">
							  ${fn:substring(detail.put.product.code, 0, 20)}... 
							  <!-- 隐藏DIV -->
							<div class="modal-content div-hidden">${detail.put.product.code }</div>
						</c:when>
						<c:otherwise>
							${detail.put.product.code}
						</c:otherwise>
					</c:choose></td>
				<td>${detail.put.product.productType.name}</td>
				<td><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss"
						value="${detail.put.datetime }" /></td>
				<td>${detail.put.warehouse.name }</td>
				<td>${detail.put.realbox }</td>
				<td>${detail.mount}</td>
			</tr>
		</c:forEach>
	</tbody>
</table>
<div class="pageination-panel">${putDetail}</div>
<script type="text/javascript">
	$('.div-hidden').hide();
	$(".showTd").mouseleave(function() {
		$(this).find('div').hide();
	})
	$(".showTd").mouseover(function() {
		//alert($(this).find('div').html());
		$(this).find('div').show();
	});
	function cancels() {
		$(".panel-search").show();
		$(".panel-content").html("");
	}
</script>